안녕하세요! 프로그래밍 언어/CSS 썸네일형 리스트형 [ CSS ] transition 및 scale을 사용해 마우스 hover시, 썸네일 이미지 확대하기 transition 및 scale을 사용해 마우스 hover시, 썸네일 이미지 확대하기 transition 설정 overflow: hidden .thumbnail_post { width: 100%; position: relative; overflow: hidden; } HTML에 지정해둔 클래스명인 thumbnail_post 혹은 본인이 지정한 클래스명을 CSS에 호출한다. 너비는 100%로 설정하였으나, 만약 부모 요소가 있는 클래스인 경우엔 부모 요소의 너비의100%로 동적으로 작용된다. position을 relative로 설정하여 클래스 요소의 위치를 상대적으로 배치한다. overflow를 hidden으로 설정하면, thumbnail_post 부모 요소의 영역을 침범하면 해당 부분을 숨길 수 있다... 더보기 이전 1 다음